body {min-height: 900px;background: #0777b5;font-family:Microsoft Yahei}

.content{text-align: center;background: url(../images/bj.jpg) no-repeat;max-width: 1920px;width: 100%;background-size:100% 100%;min-height:800px;}
.logo{padding-top: 3rem;}
 .gg{padding-top: 3rem;}
*{margin:0;padding:0}
.con{padding-top: 3rem;max-width:1200px;margin:0 auto;position:relative;}
.con ul{display: flex;justify-content: center;align-items: center;}
.con li{width: 20%;float:left;text-align:center;list-style:none;color:#141414;font-size:26px;margin-right:40px;}
.con li a{color:#141414;text-decoration: none;}
.con li img{border:0;}
.text{max-width: 1000px;    margin: 0 auto;    margin-top: 2rem;    line-height: 1.6rem;    font-weight: bold;}
.footer{max-width: 1920px;width: 100%;text-align: center;    margin: 1rem auto;}
.footer1 {margin: 0 auto; line-height:1.6rem;text-align:center;font-size:1rem;color:#ffffff;}
.footer a{color:#fff;text-decoration: none;}

@media only screen and (max-width: 768px)
{
  body｛width: 100%;｝
  .content{min-width: 400px;}
  .logo img{width: 50%;}
  .gg img{width: 80%;}
  .con{ width: 95%;}
  .con ul{display: inline-block;}
  .con li{width: 46%;margin: 1rem 2%;}
  .text{width: 90%;padding-bottom: 3rem;}
  .footer{width: 95%;}
}